.policy-news-container {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
  height: var(--header-height);
}

.tabs {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #2d3748;
}

.tab-btn {
  padding: 10px 20px;
  background: none;
  border: none;
  color: #a0aec0;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
}

.tab-btn.active {
  color: #4299e1;
  border-bottom: 2px solid #4299e1;
}

.tab-btn:hover:not(.active) {
  color: #e2e8f0;
}

.loading, .error {
  text-align: center;
  padding: 50px;
  color: #a0aec0;
}

.error {
  color: #fc8181;
}

.news-list, .policy-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}

@media (max-width: 768px) {
  .news-list, .policy-list {
    grid-template-columns: 1fr;
  }
  
  .tab-btn {
    padding: 10px 15px;
    font-size: 14px;
  }
}